import { styled } from "styled-components";
export const ContainerHeaderWarpper = styled.div`
    height:${props => props.height};
    padding:0 8px;
    .top-content-warpper{
        width: 100%;
        height:${props => props.height};
        background: url(${require('@/assets/img/te2.png').default}) no-repeat left;
        background-size:100% 100%;
        overflow: hidden;
        display: flex;
        user-select: none;
        align-items: center;
        justify-content: space-between;
      
        .left-container{
            padding-left:32px;
            font-size: 16px;
            font-weight: 500;
            color: #FFFFFF;
            width: 90%;
            ${props => props.theme.mixin.ellipsisLine1};
        }
    }

`